<#assign ctx="${bw.contextPath}">
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>事件上报</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/mui/css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/global.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/eventReporting.css" />
	</head>

    <body>
    <div id="app" v-cloak>
        <div class="mui-content wrap eventReporting-content-box">
            <!--主体列表 -s-->
            <div class="list-title">事件详情</div>
            <div class="content-box">
                <!-- <ul class="mui-table-view">
                    <li class="mui-table-view-cell detail-list">
                        <div class="mui-row">
                            <p class="mui-col-xs-3 label">时间：</p>
                            <p class="mui-col-xs-9 value">2017-07-20 15:20:15</p>

                        </div>
                    </li>
                    <li class="mui-table-view-cell detail-list">
                        <div class="mui-row">
                            <p class="mui-col-xs-3 label">地点：</p>
                            <p class="mui-col-xs-9 value">越江隧道上行入口</p>

                        </div>
                    </li>
                    <li class="mui-table-view-cell detail-list">
                        <div class="mui-row">
                            <p class="mui-col-xs-3 label">发起人：</p>
                            <p class="mui-col-xs-9 value">丁炜</p>

                        </div>
                    </li>
                    <li class="mui-table-view-cell detail-list">
                        <div class="mui-row">
                            <p class="mui-col-xs-3 label">@的人：</p>
                            <p class="mui-col-xs-9 value">王大中</p>

                        </div>
                    </li>
                    <li class="mui-table-view-cell detail-list">
                        <div class="mui-row">
                            <p class="mui-col-xs-3 label">描述：</p>
                            <p class="mui-col-xs-9 value">封道起始位置增加交警塑像闪光警示，现场增设聚光灯2台。</p>

                        </div>
                    </li>
                    <li class="mui-table-view-cell detail-list">
                        <div class="mui-row">
                            <p class="mui-col-xs-12 value">
                                <img src="assets/img/timg.jpg" style="max-width: 100%;" />
                            </p>

                        </div>
                    </li>
                </ul> -->
                <ul class="mui-table-view" id="listBox">
                    <!--循环回复内容 -s-->
                    <li :class="['mui-table-view-cell eventList mui-collapse',index==0?'mui-active':'']" :data-id="item.id" :data-index='index' v-for="(item,index) in contentData">
                        <a href="javascript:;" :class="['mui-clearfix',index>0&&!item.read?'isNew':'']">
                            <div class="mui-row list-view">
                                <div :class="'mui-col-xs-2 list-thumb-box list-thumb-'+[item.imgList.length]" >
                                    <img :src="path+img.img"  v-for="img in item.imgList"/>
                                </div>
                                <div class="mui-col-xs-10 list-info-box">
                                    <div class="event-header mui-row">
                                        <p class="mui-col-xs-4 special mui-ellipsis" v-text="item.operatorUsers"></p>
                                        <p class="mui-col-xs-8 mui-ellipsis dete">{{item.eventDate_txt}}</p>
                                    </div>
                                    <div class="event-desc">
                                        <p class="mui-ellipsis" v-text="item.address"></p>
                                        <p class="mui-ellipsis" v-text="item.note"></p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <!--详细内容 -s-->
                        <div class="replay-content mui-collapse-content">
                            <ul class="mui-table-view">
                                <li class="mui-table-view-cell detail-list">
                                    <div class="mui-row">
                                        <p class="mui-col-xs-3 label">时间：</p>
                                        <p class="mui-col-xs-9 value">{{item.eventDate_txt}}</p>

                                    </div>
                                </li>
                                <li class="mui-table-view-cell detail-list">
                                    <div class="mui-row">
                                        <p class="mui-col-xs-3 label">地点：</p>
                                        <p class="mui-col-xs-9 value" v-text="item.address"></p>

                                    </div>
                                </li>
                                <li class="mui-table-view-cell detail-list">
                                    <div class="mui-row">
                                        <p class="mui-col-xs-3 label">发起人：</p>
                                        <p class="mui-col-xs-9 value" v-text="item.eventUser"></p>

                                    </div>
                                </li>
                                <li class="mui-table-view-cell detail-list">
                                    <div class="mui-row">
                                        <p class="mui-col-xs-3 label">@的人：</p><#--v-text="item.operatorUsers"-->
                                        <p class="mui-col-xs-9 value" >{{item.operatorUsers | formatUser}}</p>

                                    </div>
                                </li>
                                <li class="mui-table-view-cell detail-list">
                                    <div class="mui-row">
                                        <p class="mui-col-xs-3 label">描述：</p>
                                        <p class="mui-col-xs-9 value" v-text="item.note"></p>
                                    </div>
                                </li>
                                <li class="mui-table-view-cell detail-list">
                                    <div class="mui-row">
                                        <p class="mui-col-xs-12 value">
                                            <img :src="path+img.img" style="max-width: 100%;"  v-for="img in item.imgList"/>
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!--详细内容 -e-->
                    </li>
                    <!--循环回复内容 -e-->

                </ul>
            </div>
            <!--主体列表 -e-->
        </div>
        <nav class="mui-bar mui-bar-tab footbar-nav-box backdrop-filter" v-if="contentData.length>0">
            <div class="mui-row">
                <div class="mui-col-xs-12">
                    <a :href="'eventReporting-add.html?isPublic='+contentData[contentData.length-1].type+'&pid='+contentData[contentData.length-1].eventId" class="footbar-tab-item"><span class="mui-tab-label">回复</span></a>
                </div>
            </div>
        </nav>
    </div>
		<script src="${ctx}/resources/assets/plugins/jquery-1.11.3.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/vue.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/echarts.min.js"></script>
		<script src="${ctx}/resources/assets/js/global.js"></script>
		<script src="${ctx}/resources/assets/js/eventReporting-content.js"></script>
	</body>

</html>